<template>
    <div class="Task-attention">
      <van-steps :active="1"active-icon="success" active-color="#38f">
        <van-step>注意事项</van-step>
        <van-step>做单流程</van-step>
        <van-step>活动详情</van-step>
      </van-steps>
      <div style="margin:10px auto;width: 94%">
        <el-card class="box-card"  v-if="taskdata.task_class=='pt'">
          <h2 style="text-align: center">普通活动做单流程</h2>
          <p>一、打开淘宝 关键词搜索进店</p>
          <p>二、复制淘口令回到活动粘贴进行验证</p>
          <img src="../assets/img/tkl.png" alt="">
          <p>1、淘口令验证成功：</p>
          <img src="../assets/img/tklcg.jpeg" alt="">
          <p>2、淘口令验证失败：(<b style="color: red">表明找的不对，请重新找</b>)</p>
          <img src="../assets/img/tklsb.jpeg" alt="">
          <p>三、货比三家，每家店铺详情页拉到底</p>
          <p>四、假聊依据商家要求(默认需要假聊)，收藏加购，关注店铺</p>
          <p>五、购物车购买</p>
          <p>六、复制活动号回到活动点我已付款提交活动</p>
        </el-card>
        <el-card class="box-card" v-if="taskdata.task_class=='ll'">
          <h2>浏览活动做单流程</h2>
          <p>
            注意：浏览单只是浏览 不能付款
          </p>
          <p>
            一、打开淘宝 关键词搜索进店
          </p>
          <p>
            二、复制淘口令回到活动粘贴进行验证
          </p>
          <p>
            1、淘口令验证成功：会有弹窗提示
          </p>
          <p>
            2、淘口令验证失败：
          </p>
          <p>
            商品找的不对 请重新找
          </p>
          <p>
            三、货比三家，每家店铺详情页拉到底
          </p>
          <p>
            四、假聊依据商家要求(默认需要假聊)，收藏加购，关注店铺
          </p>
          <p>
            五、点我已浏览输入商家提问问题即可
          </p>
        </el-card>
        <el-card class="box-card" v-if="taskdata.task_class=='pj'">
          <h2>评价活动做单流程(佣金5)</h2>
          <p>评价单活动做完只返本金，需等评价完成方可返还佣金</p>
          <p>一、打开淘宝 关键词搜索进店</p>
          <p>二、复制淘口令回到活动粘贴进行验证</p>
          <img src="../assets/img/tkl.png" alt="">
          <p>1、淘口令验证成功：</p>
          <img src="../assets/img/tklcg.jpeg" alt="">
          <p>2、淘口令验证失败：(<b style="color: red">表明找的不对，请重新找</b>)</p>
          <img src="../assets/img/tklsb.jpeg" alt="">
          <p>三、货比三家，每家店铺详情页拉到底</p>
          <p>四、假聊依据商家要求(默认需要假聊)，收藏加购，关注店铺</p>
          <p>五、购物车购买</p>
          <p>六、复制活动号回到活动点我已付款提交活动</p>
          <p>七、物流到货，请注意查收公众号消息(<b style="color: red">必须提取本金否则不能评论</b>)</p>
          <img src="../assets/img/pj_1.jpeg" alt="">
          <p>八、进入提现页面进行评价</p>
          <img src="../assets/img/pj2.jpeg" alt="">
          <img src="../assets/img/pj3.jpeg" alt="">
          <p>九、评价完成商家进行审核，审核完成即可提取佣金</p>
        </el-card>
        <el-card class="box-card" v-if="taskdata.task_class=='dy'">
          <h2>抖音活动做单流程</h2>
          <p>抖音单活动做完返本金以及返佣金</p>
          <p>一、打开抖音 关键词搜索进店</p>
          <p>二、复制商品的链接回到活动粘贴进行验证</p>
<!--          <img src="../assets/img/tkl.png" alt="">-->
          <p>1、口令验证成功：</p>
          <img src="../assets/img/tklcg.jpeg" alt="">
          <p>2、淘口令验证失败：(<b style="color: red">表明找的不对，请重新找</b>)</p>
<!--          <img src="../assets/img/tklsb.jpeg" alt="">-->
<!--          <p>三、货比三家，每家店铺详情页拉到底</p>-->
<!--          <p>四、假聊依据商家要求(默认需要假聊)，收藏加购，关注店铺</p>-->
<!--          <p>五、购物车购买</p>-->
          <p>六、复制单号到我已付款提交活动</p>
<!--          <p>七、物流到货，请注意查收公众号消息(<b style="color: red">必须提取本金否则不能评论</b>)</p>-->
<!--          <img src="../assets/img/pj_1.jpeg" alt="">-->
          <p>七、进入提现页面进行提现</p>
<!--          <img src="../assets/img/pj2.jpeg" alt="">-->
<!--          <img src="../assets/img/pj3.jpeg" alt="">-->
          <p>八、完成后商家进行审核，审核完成即可提取本金以及佣金</p>
        </el-card>
        <el-card class="box-card" v-if="taskdata.task_class=='pdd'">
          <h2>拼多多活动做单流程</h2>
          <p>拼多多单活动做完返本金以及返佣金</p>
          <p>一、打开拼多多 关键词搜索进店</p>
          <p>二、复制商品的链接回到活动粘贴进行验证</p>
          <!--          <img src="../assets/img/tkl.png" alt="">-->
          <p>1、口令验证成功：</p>
          <img src="../assets/img/tklcg.jpeg" alt="">
          <p>2、拼多多口令验证失败：(<b style="color: red">表明找的不对，请重新找</b>)</p>
          <!--          <img src="../assets/img/tklsb.jpeg" alt="">-->
          <!--          <p>三、货比三家，每家店铺详情页拉到底</p>-->
          <!--          <p>四、假聊依据商家要求(默认需要假聊)，收藏加购，关注店铺</p>-->
          <!--          <p>五、购物车购买</p>-->
          <p>六、复制单号到我已付款提交活动</p>
          <!--          <p>七、物流到货，请注意查收公众号消息(<b style="color: red">必须提取本金否则不能评论</b>)</p>-->
          <!--          <img src="../assets/img/pj_1.jpeg" alt="">-->
          <p>七、进入提现页面进行提现</p>
          <!--          <img src="../assets/img/pj2.jpeg" alt="">-->
          <!--          <img src="../assets/img/pj3.jpeg" alt="">-->
          <p>八、完成后商家进行审核，审核完成即可提取本金以及佣金</p>
        </el-card>
      </div>
      <div style="width:94%;text-align: center;margin-top:10px;margin: 0 auto;background-color: #fff">
        <van-button type="info" style="margin:10px auto;width:85%" @click="ondraw_choose()">下一步</van-button>
<!--        <van-button type="default" style="margin:10px auto;width:85%;background:gray;color:white;" v-else>下一步</van-button>-->
        <p type="default" style="font-size: 16px" @click="$router.go(-1)">返回</p>
      </div>
    </div>
</template>

<script>
  import {identifytask, taskprogress} from "../api/api";
  import aestool from '@/utils/aestool.js';
  export default {
    name: "Task-attention",
    data() {
      return {
        active: 0,
        count: 5,
        taskdata:{}
      }
    },
    methods: {
      taskprogressing() {
        taskprogress().then((res) => {
          if(res.Status == 200){
            this.taskdata = JSON.parse(aestool.decrypt(res.Data, 'cpf123456tasklis'))
            console.log(this.taskdata.task_class);
          }else{
            this.$toast(res.Message)
          }
        })
      },
      ondraw_choose(){
           if(this.taskdata.task_class=='dy'){
             let toastload = this.$toast.loading({
               message: '加载中...',
               forbidClick: true
             });
             let str = this.getNum()
             let params = {
               data: aestool.encrypt('Identifytask_4', str),
               data_s: aestool.encrypt(str, '123456asdzxcqwe0'),
             }
             identifytask(params).then(res => {
               toastload.clear()
               if (res.Status == 200) {
                 this.showready = false
                 this.$toast(res.Message)
                 setTimeout(() => {
                   this.$router.push('/dy_details')
                 }, 1500);
               } else {
                 this.$toast(res.Message)
               }
             })
           }else if(this.taskdata.task_class=='pdd'){
             let toastload = this.$toast.loading({
               message: '加载中...',
               forbidClick: true
             });
             let str = this.getNum()
             let params = {
               data: aestool.encrypt('Identifytask_4', str),
               data_s: aestool.encrypt(str, '123456asdzxcqwe0'),
             }
             identifytask(params).then(res => {
               toastload.clear()
               if (res.Status == 200) {
                 this.showready = false
                 this.$toast(res.Message)
                 setTimeout(() => {
                   this.$router.push('/dd_details')
                 }, 1500);
               } else {
                 this.$toast(res.Message)
               }
             })
           }else{
             let toastload = this.$toast.loading({
               message: '加载中...',
               forbidClick: true
             });
             let str = this.getNum()
             let params = {
               data: aestool.encrypt('Identifytask_4', str),
               data_s: aestool.encrypt(str, '123456asdzxcqwe0'),
             }
             identifytask(params).then(res => {
               toastload.clear()
               if (res.Status == 200) {
                 this.showready = false
                 this.$toast(res.Message)
                 setTimeout(() => {
                   this.$router.push('/taskdetail')
                 }, 1500);
               } else {
                 this.$toast(res.Message)
               }
             })
           }
      },
      countDown() {
        let clock = window.setInterval(() => {
          this.count--
          if (this.count <= 0) {
            window.clearInterval(clock)
          }
        }, 1000)
      },
      getNum() {
        var chars = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];
        var nums = ""
        for (var i = 0; i < 16; i++) {
          var id = parseInt(Math.random() * 61);
          nums += chars[id];
        }
        return nums
      },
      //领取活动
      ondraw() {

      },
    },
    created() {
      this.countDown()
        this.taskprogressing()
    }
  }
</script>

<style lang="stylus">
  .Task-attention{
    background-color #f0f0f0
    padding-bottom 10px
  }
  .box-card{
    font-size:16px;
    img{
      width 120px
    }
  }
</style>
